<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>物联卡_妙月科技</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<!--360默认急速模式打开-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="/skin/css/cui.css" />
<link rel="stylesheet" href="/skin/css/style.css" />
<link rel="stylesheet" href="/skin/css/less.css" />
</head>
<body>
<body>
<div id="hd">
  <div class="wp">
    <div class="logo" style="width: 20%;"><a href="/"><img src="/skin/images/logo.png" alt=""></a></div>
    <div id="nav">
      <ul>
		<li><a href="/" class="v1">首页</a></li>
        <li><a href='/a/wulianka/'  class='mycur'><span>物联卡</span></a></li>
        <li><a href='/a/jiejuefangan/'>解决方案</a></li>
        
        <li><a href='/a/xinwenzixun/'>新闻资讯</a></li>
        
        <li><a href='/a/hehuorenzhaomu/'>合伙人招募</a></li>
        
        <li><a href='/a/guanyuwomen/'>关于我们</a></li>
        
      </ul>
    </div>
    <div class="tel">400-500-8888</div>
  </div>
</div>
<!-- end #hd -->
<div class="c"></div>
<div id="m-hd"> <a href="/" class="m-logo"><img src="/skin/images/logo.png" alt=""></a>
  <div class="m-trigger"></div>
  <ul class="m-nav">
    <li><a href="/" class="v1">首页1</a></li>
    <li><a href='/a/wulianka/'  class='v1'><span>物联卡</span></a></li>
    <li><a href='/a/jiejuefangan/' class="v1">解决方案</a></li>
    
    <li><a href='/a/xinwenzixun/' class="v1">新闻资讯</a></li>
    
    <li><a href='/a/hehuorenzhaomu/' class="v1">合伙人招募</a></li>
    
    <li><a href='/a/guanyuwomen/' class="v1">关于我们</a></li>
    
  </ul>
</div>

<div class="c"></div>
<div id="bd">
  <div id="ban-in" style="background-image:url(/skin/images/14415956565984.jpg)">
  </div>
  <div class="bg-blue fix" id="weiweb">
    <div class="wp">
      <div class="tit-i" id="wu">
        <h3>物联网卡</h3>
        <h5><span>Responsive</span> Web design</h5>
      </div>
      <div class="about-info">
        <p>   妙月物联网流量卡运营平台基于中国三大运营商移动、联通、电信，面向全国范围的物联网用户，提供采用物联网专用号段的移动通信接入业务。支持短信、无线数据通信等基础通信服务，轻松接入各种物联网设备、智能家居、汽车、穿戴设备、行业终端等。</p>
      </div>
      <ul class="ul-web fix">
        <li class="li1">
          <div class="block"> <img src="/skin/images/dd1.png" alt=""> <img src="/skin/images/dd2.png" alt=""> <img src="/skin/images/dd3.png" alt=""> <img src="/skin/images/dd4.png" alt=""> <img src="/skin/images/dd5.png" alt=""><img src="/skin/images/dd6.png" alt=""><!-- <img src="/skin/images/n1.png" alt=""> <img src="/skin/images/n2.png" alt=""> <img src="/skin/images/n3.png" alt=""> <img src="/skin/images/n4.png" alt=""> --></div>
          <h3>运营商资源丰富</h3>
        </li>
        <li class="li2">
          <div class="block"> <img src="/skin/images/ee1.png" alt=""><img src="/skin/images/ee2.png" alt=""> <img src="/skin/images/ee3.png" alt=""><img src="/skin/images/ee4.png" alt=""><!-- <img src="/skin/images/n5.png" alt=""> <img src="/skin/images/n6.png" alt=""> --> </div>
          <h3>强大的管理平台</h3>
        </li>
        <li class="li3">
          <div class="block"><img src="/skin/images/ff1.png" alt=""> <img src="/skin/images/ff2.png" alt=""><img src="/skin/images/ff3.png" alt=""><img src="/skin/images/ff4.png" alt=""><img src="/skin/images/ff5.png" alt=""><img src="/skin/images/ff6.png" alt=""><img src="/skin/images/ff7.png" alt=""><!-- <img src="/skin/images/n7.png" alt=""> <img src="/skin/images/n8.png" alt=""> <img src="/skin/images/n9.png" alt=""> <img src="/skin/images/n10.png" alt=""> <img src="/skin/images/n11.png" alt=""> <img src="/skin/images/n12.png" alt=""> --> </div>
          <h3>资费灵活</h3>
        </li>
        <li class="li4">
          <div class="block" style="margin-left:-90px"><img src="/skin/images/gg1.png" alt=""><img src="/skin/images/gg2.png" alt=""><img src="/skin/images/gg3.png" alt=""><img src="/skin/images/gg4.png" alt=""><img src="/skin/images/gg5.png" alt=""> <img src="/skin/images/gg6.png" alt=""><img src="/skin/images/gg7.png" alt=""><img src="/skin/images/gg8.png" alt=""><!-- <img src="/skin/images/n13.png" alt=""> <img src="/skin/images/n14.png" alt=""> --></div>
          <h3>值得信赖</h3>
        </li>
      </ul>
      <!-- <img src="/skin/images/img18.png" alt=""> --> 
    </div>
  </div>


  <div class="service" id="servweb">
    <div class="wp">
      <div class="tit-i tit-i-1" id="chang">
        <h3>产品优势</h3>
        <h5>service process</h5>
        <em></em> </div>
      <div class="about-info">
       
        <p style="color:#95959c;"> 妙月物联网流量卡运营平台基于中国三大运营商移动、联通、电信，面向全国范围的物联网用户，提供采用物联网专用号段的移动通信接入业务。支持短信、无线数据通信等基础通信服务，轻松接入各种物联网设备、智能家居、汽车、穿戴设备、行业终端等。</p>
        <p style="color:#95959c;">
        <p style="text-align:justify;text-indent:24.0pt;"> <span></span> </p>
        </p>
      </div>

      <div class="process">
        <div class="con">
          <div class="pad" style="padding-top:27%;"> 
            <div class="icon"> 
              <em class="q1" style="top:0;width: 22%;margin-left: 0%;">
                <img src="/skin/images/6430.jpg" alt="">
                <span style="margin-top: 115%;padding-left: 35%;">方便快捷</span>
              </em> 
              <em class="q2" style="top:0;width: 22%;margin-left: 5%;">
                <img src="/skin/images/6470.jpg" alt="">
                <span style="margin-top: 115%;padding-left: 35%;">省时省钱</span>
              </em> 
              <em class="q3" style="top:0;width: 22%;margin-left: 10%;">
                <img src="/skin/images/6411.jpg" alt="">
                <span style="margin-top: 115%;padding-left: 35%;">节能环保</span>
              </em> 
              <em class="q4" style="top:0;width: 22%;margin-left: 25%;">
                <img src="/skin/images/6420.jpg" alt="">
                <span style="margin-top: 115%;padding-left: 35%;">7*24小时在线</span>
              </em> 
              <!-- <em class="q5"><img src="/skin/images/642.jpg" alt=""></em> 
              <em class="q6"><img src="/skin/images/642.jpg" alt=""></em> 
              <em class="q7"><img src="/skin/images/642.jpg" alt=""></em>  -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>







  <div class="wp" id="webmobel">
    <div class="tit-i" id="te">
      <h3>产品特点</h3>
      <h5>website about <span>mobilephone</span></h5>
    </div>
    <div class="about-info">
      <p>小方块 大流量</p>
    </div>
    <div class="c"></div>
    <div class="web-con pr">
      <ul class="ul-tab TAB_CLICK_SLIDE" id=".tab-show">
        <li class="hover"><a href="javascript:void(0);">
          <h3>隐私安全防护</h3>
          <span>Mobile web site</span></a></li>
        <li ><a href="javascript:void(0);">
          <h3>智慧化系统</h3>
          <span>Micro website</span></a></li>
        <li ><a href="javascript:void(0);">
          <h3>设备功能</h3>
          <span>WeChat application</span></a></li>
      </ul>
      <div class="shou"><img src="/skin/images/shou.png" alt=""></div>
      <div class="tab-con-box">
        <div class="tab-show ">
          <div class="tab-con">
            <div data-animate="fadeInDown" class="txt animated">
              <p style="padding-bottom: 15px;">小方块MIFI支持WPA/WPA2加密，解决传统的WEP加密容易被破解的弊端，还支持AP隐藏隔离模式，用户可以隐藏自己使其他设备无法访问。保护用户隐私，防蹭网。</p>
              <ul class="ul-icon">
                <div><img src="/skin/images/642.jpg" alt="" style="width: 50%;margin-left:30%;"></div>
              </ul>
            </div>
          </div>
        </div>
        <div class="tab-show dn">
          <div class="tab-con">
            <div data-animate="fadeInDown" class="txt animated">
              <p>通过公司的公众号系统，购买、续费充值、返利计算。方便、简单、快捷，使用第三方支付结算系统方便快捷，灵活省心，自由支付；</p>
              <ul class="ul-icon">
               <div><img src="/skin/images/640.jpg" alt="" style="width: 50%;margin-left:30%;"></div>
              </ul>
            </div>
          </div>
        </div>
        <div class="tab-show dn">
          <div class="tab-con">
            <div data-animate="fadeInDown" class="txt animated">
              <p>一机双用，国内国外通用，高通芯片，稳定性能高；</p>
              <ul class="ul-icon">
                 <div><img src="/skin/images/641.jpg" alt="" style="width: 50%;margin-left:30%;"></div>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="pic">
        <div class="flexslider">
          <ul class="slides">
            <li><img src="/skin/images/0033.png" alt="手机网站" class="img"></li>
            <li><img src="/skin/images/0022.png" alt="微网站" class="img"></li>
            <li><img src="/skin/images/0011.png" alt="微信应用开发" class="img"></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
<!-- end #bd -->
<div class="c"></div>
<!-- begin #fd --> 
<div id="fd" class="index-fd pr">
  <div class="map-bg3"></div>
  <div class="wp">
    <div class="fd-top">
      <dl>
        <dt>关于我们</dt>
        <dd>
          <ul class="ul-fd">
            <li><a href="/a/guanyuwomen#whous">关于我们</a></li>
            <li><a href="/a/guanyuwomen#ourcus">服务承诺</a></li>
            <li><a href="/a/guanyuwomen#ourteam">我们的优势</a></li>
            <li><a href="/a/guanyuwomen#touch">联系我们</a></li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>物联卡</dt>
        <dd>
          <ul class="ul-fd">
            <li><a href="/a/wulianka#weiweb">物联网卡</a></li>
            <li><a href="/a/wulianka#servweb">产品优势</a></li>
            <li><a href="/a/wulianka#webmobel">产品特点</a></li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>解决方案</dt>
        <dd>
          <ul class="ul-fd">
            <li><a href='/a/jiejuefangan#info'>解决方案</a></li>
           <!--   -->
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>新闻资讯</dt>
        <dd>
          <ul class="ul-fd">
            <li><a href='/a/xinwenzixun#info'>新闻资讯</a></li>
           <!--   -->
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>联系我们</dt>
        <dd class="pr">
          <p><a href="" class="weixin"></a><a href="" class="sina"></a><span class="weixin-pic"><img src="/skin/images/ewm.jpg" alt=""></span></p>
          <p><b class="tel">400-500-8888</b></p>
          <h5>公司服务热线</h5>
        </dd>
      </dl>
    </div>
  </div>
  <div class="fd-copy">
    <div class="wp">
      <p> <span style="color:#CCCCCC;">Copyright &copy; 2017-2018 . 千里狐科技有限公司 版权所有</span><a href="http://www.miibeian.gov.cn/" target="_blank"><span style="color:#CCCCCC;"></span></a> </p>
    </div>
  </div>
</div>
<div class="side">
  <ul>
    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=329435596&site=qq&menu=yes" target="_blank">
      <div class="sidebox"><img src="/skin/images/side_icon02.png">在线咨询</div>
      </a></li>
    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=329435596&site=qq&menu=yes">
      <div class="sidebox"><img src="/skin/images/side_icon01.png">在线咨询</div>
      </a></li>
    <li><a href="javascript:void(0);" >
      <div class="sidebox"><img src="/skin/images/side_icon03.png">400-500-8888</div>
      </a></li>
  </ul>
</div>
<div class="side2">
  <ul>
    <li><a href=""><img src="/skin/images/r_icon1.png" alt=""></a>
      <div class="weixin"><em></em><img src="/skin/images/ewm.jpg" alt=""></div>
    </li>
    <li><a href="javascript:goTop();" class="sidetop"><img src="/skin/images/r_icon2.png"></a></li>
  </ul>
</div>
 
<script type="text/javascript" src="/skin/js/jquery.js"></script>
<link rel="stylesheet" href="/skin/css/animate.css" />
<script type="text/javascript" src="/skin/js/lib.js"></script>
<link rel="stylesheet" href="/skin/css/flexslider.css" />
<script type="text/javascript" src="/skin/js/flexslider.js"></script> 
<script>
var progressMove =  false;

function checkMhd(){
isMobile = $('#m-hd').is(':visible');
}

$(window).resize(function(){
var process = $('.process');
checkMhd();
if( isMobile  ){
process.removeClass('animate-box');
}else{
process.addClass('animate-box');
}
}).resize();

$(window).scroll(function(){
showWeb();
showMobilephone();
showProcess();
showSolution();
});

function showWeb(){
if(isScrolledIntoView('.ul-web') ){
$('.ul-web li').each(function(i){
$(this).delay(i*800).fadeIn(50,function(){
$(this).find('img').each(function(j){
$(this).delay(j*200).animate({opacity:1});
})
});
})
}
}

function showProcess(){
if(isScrolledIntoView('.process') ){
$('.process .icon').each(function(){
$(this).find('em').each(function(i){
$(this).delay(i*500).animate({opacity:1});
})
})
}
}



function showMobilephone(){
if( isScrolledIntoView('.tab-show') ){
$('.tab-show .pic').each(function(){
$(this).addClass($(this).data('animate'));
})
$('.tab-show .txt').each(function(){
$(this).addClass($(this).data('animate'));
})
}

}
function showSolution(){
if( isScrolledIntoView('.ul-solution', 300) ){
$(".ul-solution").each(function(){
$(".ul-solution li").animate({left: 0,top: 0,opacity: 1})
})
}
}


$('.ul-webset li a.close').click(function(){
$('.ul-webset li .webset-pop').css({
opacity: 0,
left: '-100%',
zIndex: -1
});
})
$('.webset-pop .li2 a.close').click(function(){
$('.webset-pop').hide();
})
$('.webset-pop .li3 a.close').click(function(){
$('.webset-pop').hide();
})


$('.ul-txt li').click(function(){
var txt = $(this).find('.txt-1');
var _this = this;
if(!txt.is(":visible")){
$('.ul-txt li .txt-1').slideUp(500);
txt.stop(false,true).slideDown(function(){
$('.ul-txt li').removeClass('ok');
$(_this).addClass('ok');
});
}else{
var _this = this;
txt.stop(false,true).slideUp(500,function(){
$('.ul-txt li').removeClass('ok');
});
}
});

$('.ul-webset li .btn').click(function(){
var webset_pop = $(this).parents('li').find('.webset-pop');
webset_pop.css({zIndex: 10}).animate({
opacity: 1,
left: 0
});
});

/*$(".ul-solution li").each(function (index, element) {
if (index % 6 > 1) {
$(this).css({ left: (index % 6 - 1) * 300 / (1 + Math.floor((index) / 6)) * 0.5,opacity: 0 });
} else {
$(this).css({ left: (index % 6 - 2) * 300 / (1 + Math.floor(index / 6)) * 0.5,opacity: 0 });
}
});*/

$(document).ready(function (e) {

$(".ul-solution li").hover(function () {
$(this).find("span").animate({ top: 5}, 300)
}, function () {
$(this).find("span").animate({ top: 0 }, 300)

})
});


$('.web-con .flexslider').flexslider({
animation: "slide",
animationLoop: true,
slideshow: false,
prevText:"",
nextText:"",
controlNav: true,
directionNav: true
});
$(".TAB_CLICK_SLIDE li").click(function(){
var tab = $(this).parent(".TAB_CLICK_SLIDE");
var con = tab.attr("id");
var idx = tab.find("li").index(this);
$(this).addClass('hover').siblings(tab.find("li")).removeClass('hover');
$(con).eq(idx).show().siblings(con).hide();
$('.web-con .flexslider').flexslider(idx);
});


</script>
</body>
</html>